.container {
  max-width: 1280px;
  margin: 0 auto;
  position: relative;
  z-index: 3;
  .row {
    padding: 0 40px;
  }
}

.news {
  margin-top: 100px;
  border-bottom: 1px solid rgba(237, 237, 237, 1);
  color: #3b3d42;
  padding-top: 60px;
  padding-bottom: 100px;
  .container {
    .row {
      display: flex;
      .left {
        width: 66.66666666666666%;
        padding-left: 5px;
        padding-right: 5px;
        .leftWrap {
          margin-right: 5vw;
          padding-bottom: 20px;
          .newsList {
            min-height: 60px;
            .newsItem {
              max-width: 99.8%;
              margin-bottom: 20px;
              padding-bottom: 20px;
              border-bottom: 1px dotted #e5e5e5;
              padding-left: 5px;
              padding-right: 5px;
              .newTitle {
                font-weight: normal;
                color: #191919;
                font-size: 24px;
                line-height: 24px;
                min-width: 80px;
                margin-bottom: 10px;
                cursor: pointer;
                &:hover {
                  color: rgba(53, 215, 164, 0.9);
                }
              }
              .comment {
                padding-top: 10px;
                padding-bottom: 10px;
                color: #bfbfbf;
                font-size: 12px;
                line-height: 12px;
                margin-bottom: 5px;
              }
              .post_exce {
                color: #878787;
                font-size: 14px;
              }
            }
          }
        }
      }
      .right {
        width: 33.33333333333333%;
        padding-left: 5px;
        padding-right: 5px;
        .rightWrap {
          border: 1px solid rgba(237, 237, 237, 1);
          padding: 40px;
          .input {
            input {
              border: 1px solid #ccc;
              height: 50px;
              padding: 6px 10px 5px;
              background-color: #fff;
              color: #7a7a7a;
              width: 100%;
              outline: none;
            }
          }
          .newsTitle {
            padding-top: 31px;
            padding-bottom: 2px;

            font-size: 20px;
            font-weight: bolder;
            font-style: normal;
            color: #000000;
          }
          .newsList {
            padding-top: 12px;
            ul {
              min-height: 60px;
              li {
                max-width: 99.8%;
                border-bottom: 1px solid #e2e2e2;
                .post_title {
                  padding-top: 10px;
                  font-weight: normal;
                  margin-bottom: 10px;
                  color: #191919;
                  font-size: 15px;
                  line-height: 1.5;
                  cursor: pointer;
                  &:hover {
                    color: rgba(53, 215, 164, 0.9);
                  }
                }
              }
            }
          }
        }
      }
    }
  }
}
